<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>自然旗舰店详情</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link rel="stylesheet" href="bootstrap.min.css">
<link href="盆景详情.css" rel="stylesheet">
</head>
<body>
      <!-- header部分代码 -->
	  <div id="header" >
	  	<div class="container">
         <div class="h_left col-xs-12  col-sm-12 col-md-7 col-lg-6">
         	<div class="m_l_left2">
		    <img src="image/logo.png" alt="logo" class="logo"><font class="h_l_font">“亲”自然旗舰店</font></div></div>
	       <div class="h_right col-xs-12 col-sm-12 col-md-5 col-lg-4">
	       	 <div class="m_l_right2">
              <form  class="h_r_form" method="post" align="center">
		          <input type="text" name="username" size="30" maxlength="30" class="h_r_f_input1">
                  <input type="submit" value="搜索" class="h_r_f_input2">
              </form>
              <div class="clear"></div>
              <div class="h_r_k"><img class="img1" src="image/十.png"><p class="t">收藏店铺</p></div>
              <div class="h_r_k"><img class="img2" src="image/分享.png"><p class="t">分享本店</p></div>
	          <div class="h_r_kc"><img class="img2" src="image/购物车.png"><p class="t">购物车</p></div>
	       </div>
	      </div>
        </div>
      </div>
<!-- header结束 -->

<!-- 导航 -->
<div id="nav">
		    <ul class="container">
				<li class="col-xs-2"><a href="盆景首页.html" target="_blank">首页</a></li>
				<li class="col-xs-2"><a href="">新品上线</a></li>
				<li class="col-xs-2"><a href="">多肉植物</a></li>
				<li class="col-xs-2"><a href="">盆栽</a></li>
				<li class="col-xs-2"><a href="">专题活动</a></li>
			</ul>
		</div>
<!-- 导航结束 -->
<!-- 详情区 -->
<div id="main">
  <div class="container">
	<div class="m_left col-xs-12 col-sm-12 col-md-6 col-lg-5 ">
		<div class="m_l_left2">
		<img class="m_l_pic1" src="详情image/福榕.png">
		<div class="m_l_pic2">
		    <img class="m_l_pic" src="详情image/福榕1.png">
		    <img class="m_l_pic" src="详情image/福榕2.png">
		    <img class="m_l_pic" src="详情image/福榕3.png">
		    <img class="m_l_pic" src="详情image/福榕4.png">
		    </div>
		  <div class="clear"></div>
		<div class="m_l_icon">
			<li><i class="i1"></i>收藏</li>
		    <li><i class="i2"></i>分享</li>
		    <li class="li3"><i class="i3"></i>相似</li>
		</div>
	  </div>
	</div>
	<div class="m_right col-xs-12 col-sm-12 col-md-6 col-lg-5">
		 <div class="m_l_right2">
		<form action="" class="m_r_form" method="post" align="">
		<div class="m_r_wrd1"><p class="m_r_w_bt">福榕盆景</p></div>
		<div class="m_r_wrd2"><li class="li1"><font color="red" class="font">￥299.00</font>　　　　　　<span>￥399.00</span></li>
			<li class="li2">本店活动  <font color="red">　满50元包邮; 满299元赠送花盆</font></li></div>
		<div class="m_r_wrd3"><li class="m_r_w_fs">购买方式：</li>
			<span class="m_r_w_tc"><li>套餐1</li><i></i></span>
		    <span class="m_r_w_tc"><li>套餐2</li><i></i></span>
		    <span class="m_r_w_tc"><li>套餐3</li><i></i></span></div>
		 <div class="clear"></div>
		<div class="m_r_wrd4"><li>数量</li><span id="spn"></span><span class="spn1"><i id="ijia"></i><i id="ijian"></i></span>
		</span><li>件　　　　库存1000件</li></div>
		<div class="m_r_wrd5">
			<span class="m_r_w_spn1">支持的配送</span>
		    <span class="m_r_w_spn2">自提</span>
		    <span class="m_r_w_spn3">货到付款</span>
		    <span class="m_r_w_spn4">夜间配</span>
		    <span class="m_r_w_spn5">其他</span></div>
		  <div class="clear"></div>
		<input type="submit"  value="立即购买" class="m_r_input">
		<div class="m_r_wrd6"><img src="详情image/购物车.png">  加入购物车</div></form>
		<div class="clear"></div>
		<div class="m_r_wrd7">服务承诺　　24小时内发货　　质量保证　　赠送费险</div>
	 </div>
	</div>
   </div>
  </div>
 <!-- 详情尺寸区 -->
  <div id="size" class="container">
	  <div class="nav">
		 <ul>
		 	<li id="liA" class="col-xs-4">商品详情</li>
		 	<li id="liB" class="col-xs-4">累计评论</li>
		 	<li id="liC" class="col-xs-4">专享服务</li>
	     </ul>
	  </div>
	  <div class="content">
	   <div id="contentA">
	  	<div class="s_c_t col-xs-4"><ul>
	  		<li>品牌：亲自然</li>
	  		<li>主要用途：造景、观赏</li>
	  		<li>包装方式：散装</li>
	  	    </ul></div>
	    <div class="s_c_t col-xs-4"><ul>
	    	<li>中文名称：榕树盆景</li>
	    	<li>植物品种：榕族</li>
	    	<li>难以程度：简单护理</li>
	        </ul></div>
	    <div class="s_c_t col-xs-4"><ul>
	    	<li>拉丁学名：Ficus microcarpa</li>
	    	<li>科目类别：桑科</li>
	    	</ul></div>
	   </div>
	   <div id="contentB">
	   	<p>价格很合理，店家服务也热情，送货超快，最主要的是盆栽很有活力</p>
	   	<p>盆景的盛具很别致，很喜欢，下次还来买</p>
	   	<p>盆友看了都说我买的盆景好漂亮，其实我也这么觉得，哈哈。。</p>
	   </div>
	   <div id="contentC">
	   	<p>售出7天之内如有质量问题包换</p>
	   	<p>在本店累计购买10株，可享受赠送一株植物优惠</p>
	   </div>
	 </div>
  </div>
  <div id="size2" class="container">
  	    <img src="详情image/福榕尺寸.png" alt="" class="col-xs-7 col-sm-7 col-md-7 col-lg-6">
  	    <h1 class="col-xs-5 col-sm-5 col-md-5 col-lg-6">可定制不同的尺寸</h1>
  </div>
  <div id="size3" class="container">
  	<img src="详情image/净化空气.png" alt="" class="col-xs-6 col-sm-5 col-md-5 col-lg-5">
	<div class="left col-lg-2 col-md-2 col-sm-3 col-xs-3 ">
		<div class="s_l_f">
		<li class="col-xs-12">抗雾霭</li>
		<li class="col-xs-12">净化空气</li>
		<li class="col-xs-12">易打理</li>
		<li class="col-xs-12">可塑性高</li>
	    </div>
	</div>   
  </div>
<!-- 详情尺寸区 -->
<!-- 业务区 -->
<div id="yewu" class="container">
  <div class="yw col-lg-3 col-xs-3">
  	<div class="y_y_k">
           <h3>新手上路</h3>
           <li><a href="#">免费注册</a></li>
           <li><a href="#">注册支付宝</a></li>
           <li><a href="#">开通支付宝</a></li>
    </div>
  </div>
  <div class="yw col-lg-3 col-xs-3">
  	<div class="y_y_k">
           <h3>保障</h3>
           <li><a href="#">发票保障</a></li>
           <li><a href="#">售后规则</a></li>
           <li><a href="#">缺货赔付</a></li>
    </div>
  </div>     
  <div class="yw col-lg-3 col-xs-3">
  	<div class="y_y_k">       
           <h3>支付方式</h3>
           <li><a href="#">快捷支付</a></li>
           <li><a href="#">信用卡</a></li>
           <li><a href="#">蚂蚁花呗</a></li>
    </div>
  </div>                
  <div class="yw col-lg-3 col-xs-3">
  	<div class="y_y_k">        
           <h3>帮助中心</h3>
           <li><a href="#">品质保障</a></li>
           <li><a href="#">退换商品</a></li>
           <li><a href="#">特色服务</a></li>
    </div>
   </div>         
</div>
<!-- 业务区 -->
<!-- 底部开始 -->
<div id="footer">
  <ul class="container">
  	<li class="col-xs-3">关于我们</li>
	<li class="col-xs-3">联系客服</li>
	<li class="col-xs-3">商家入驻</li>
	<li class="col-xs-3">友情链接</li>
  </ul>
    <div class="clear"></div>
	<p class="container">黔QCP备85170395号-4</p>
	<p class="container">版权归"亲"自然旗舰店所有　　消费者维权热线：122334</p>
</div>
<!-- 底部结束 -->
</body>
<script type="text/javascript" src="js/盆景详情.js"></script>
</html>